<meta charset="utf-8">
(#) Overlapping items in RelativeLayout

!!! WARNING: Overlapping items in RelativeLayout
   This is a warning.

Id
:   `RelativeOverlap`
Summary
:   Overlapping items in RelativeLayout
Severity
:   Warning
Category
:   Internationalization
Platform
:   Android
Vendor
:   Android Open Source Project
Feedback
:   https://issuetracker.google.com/issues/new?component=192708
Since
:   0.2.0 (October 2014)
Affects
:   Resource files
Editing
:   This check runs on the fly in the IDE editor
Implementation
:   [Source Code](https://cs.android.com/android-studio/platform/tools/base/+/mirror-goog-studio-main:lint/libs/lint-checks/src/main/java/com/android/tools/lint/checks/RelativeOverlapDetector.java)
Tests
:   [Source Code](https://cs.android.com/android-studio/platform/tools/base/+/mirror-goog-studio-main:lint/libs/lint-tests/src/test/java/com/android/tools/lint/checks/RelativeOverlapDetectorTest.kt)

If relative layout has text or button items aligned to left and right
sides they can overlap each other due to localized text expansion unless
they have mutual constraints like `toEndOf`/`toStartOf`.

(##) Example

Here is an example of lint warnings produced by this check:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~text
res/layout/relative_overlap.xml:16:Warning: @id/label2 can overlap
@id/label1 if @string/label1_text, @string/label2_text grow due to
localized text expansion [RelativeOverlap]
    &lt;TextView
     --------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Here is the source file referenced above:

`res/layout/relative_overlap.xml`:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~xml linenumbers
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"&gt;
    &lt;RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"&gt;
        &lt;TextView
            android:id="@+id/label1"
            android:layout_alignParentLeft="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/label1_text"
            android:ellipsize="end" /&gt;
        &lt;TextView
            android:id="@+id/label2"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/label2_text"
            android:ellipsize="end" /&gt;
        &lt;TextView
            android:id="@+id/circular1"
            android:layout_alignParentBottom="true"
            android:layout_toRightOf="@+id/circular2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/label1_text"
            android:ellipsize="end" /&gt;
        &lt;TextView
            android:id="@id/circular2"
            android:layout_alignParentBottom="true"
            android:layout_toRightOf="@id/circular1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/label2_text"
            android:ellipsize="end" /&gt;
        &lt;TextView
            android:id="@id/circular3"
            android:layout_alignParentBottom="true"
            android:layout_toRightOf="@id/circular1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/label2_text"
            android:ellipsize="end" /&gt;
    &lt;/RelativeLayout&gt;
    &lt;RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"&gt;
        &lt;TextView
            android:id="@+id/label3"
            android:layout_alignParentLeft="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toStartOf="@+id/label4"
            android:gravity="start"
            android:text="@string/label3_text"
            android:ellipsize="end" /&gt;
        &lt;TextView
            android:id="@id/label4"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/label3_text"
            android:ellipsize="end" /&gt;
    &lt;/RelativeLayout&gt;
    &lt;RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"&gt;
        &lt;ImageView android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" /&gt;
        &lt;TextView android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/image" /&gt;
    &lt;/RelativeLayout&gt;
    &lt;RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"&gt;
        &lt;ImageView android:id="@+id/image"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" /&gt;
        &lt;TextView android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/image" /&gt;
    &lt;/RelativeLayout&gt;
&lt;/LinearLayout&gt;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

You can also visit the
[source code](https://cs.android.com/android-studio/platform/tools/base/+/mirror-goog-studio-main:lint/libs/lint-tests/src/test/java/com/android/tools/lint/checks/RelativeOverlapDetectorTest.kt)
for the unit tests for this check to see additional scenarios.

The above example was automatically extracted from the first unit test
found for this lint check, `RelativeOverlapDetector.testOneOverlap`.
To report a problem with this extracted sample, visit
https://issuetracker.google.com/issues/new?component=192708.

(##) Suppressing

You can suppress false positives using one of the following mechanisms:

* Adding the suppression attribute `tools:ignore="RelativeOverlap"` on
  the problematic XML element (or one of its enclosing elements). You
  may also need to add the following namespace declaration on the root
  element in the XML file if it's not already there:
  `xmlns:tools="http://schemas.android.com/tools"`.

  ```xml
  &lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;RelativeLayout xmlns:tools="http://schemas.android.com/tools"
      tools:ignore="RelativeOverlap" ...&gt;
    ...
  &lt;/RelativeLayout&gt;
  ```

* Using a special `lint.xml` file in the source tree which turns off
  the check in that folder and any sub folder. A simple file might look
  like this:
  ```xml
  &lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;lint&gt;
      &lt;issue id="RelativeOverlap" severity="ignore" /&gt;
  &lt;/lint&gt;
  ```
  Instead of `ignore` you can also change the severity here, for
  example from `error` to `warning`. You can find additional
  documentation on how to filter issues by path, regular expression and
  so on
  [here](https://googlesamples.github.io/android-custom-lint-rules/usage/lintxml.md.html).

* In Gradle projects, using the DSL syntax to configure lint. For
  example, you can use something like
  ```gradle
  lintOptions {
      disable 'RelativeOverlap'
  }
  ```
  In Android projects this should be nested inside an `android { }`
  block.

* For manual invocations of `lint`, using the `--ignore` flag:
  ```
  $ lint --ignore RelativeOverlap ...`
  ```

* Last, but not least, using baselines, as discussed
  [here](https://googlesamples.github.io/android-custom-lint-rules/usage/baselines.md.html).

<!-- Markdeep: --><style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src="markdeep.min.js" charset="utf-8"></script><script src="https://morgan3d.github.io/markdeep/latest/markdeep.min.js" charset="utf-8"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>